<template>
  <div class="mainForm" style="width: 90%;margin: auto">
    <div style="line-height: 50px; font-size: 30px; color: dodgerblue; margin: 20px auto 0 auto;">企业基本信息</div>
    <div style="background: #eeeeee;padding: 20px;margin-top: 30px">
      <div style="width: 74%;margin: auto;background: #ffffff;padding: 20px;">
        <el-form
          ref="from"
          :model="base"
          label-width="205px"
        >
          <div class="title2">企业信息<el-button id="closeSearchBtn0" type="text" style="margin-left:10px;float: right" /></div>
          <el-form-item label="企业名称" prop="entName">
            <div class="acacd">{{ base.entName }}</div>
          </el-form-item>
          <el-row>
            <el-col :span="12">
              <el-form-item class="el220" label="统一社会信用代码" prop="entCode">
                <div class="acacd">{{ base.entCode }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item class="el220" label="法人代表" prop="legalPerson">
                <div class="acacd">{{ base.legalPerson }}</div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-form-item label="企业注册地" prop="areaSelect1">
            <div class="acacd">{{ base.provName }}》{{ base.cityName }}》{{ base.distName }}</div>
          </el-form-item>
          <el-form-item label="注册地址" prop="regAddress">
            <div class="acacd">{{ base.regAddress }}</div>
          </el-form-item>
          <el-row>
            <el-col :span="12">
              <el-form-item class="el220" label="注册时间" prop="regTime">
                <div class="acacd">{{ base.regTime }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item class="el220" label="注册资本(万元)" prop="regCapital">
                <div class="acacd">{{ base.regCapital }}万元</div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-form-item label="所属行业" prop="industry1">
            <div class="acacd">{{ base.industryName }}》{{ base.industrySecondName }}</div>
          </el-form-item>
          <el-form-item label="具体细分领域" prop="industry">
            <div class="acacd">{{ base.industryName }}》
              {{ base.industrySecondName }}》
              {{ base.industryThreeName }}》
              {{ base.industryFourthName }}</div>
          </el-form-item>
          <el-row>
            <el-col :span="12">
              <el-form-item class="el220" label="企业类型" prop="entType">
                <div class="acacd">{{ base.entTypeName }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item class="el220" label="企业规模" prop="entScale">
                <div class="acacd">{{ base.entScaleName }}</div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item class="el220" label="生产经营年限" prop="operationLife">
                <div class="acacd">{{ base.operationLife }}年</div>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item class="el220" label="全职员工数量" prop="entNumber">
                <div class="acacd">{{ base.entNumber }}人</div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-form-item class="xjr" label="与现有“小巨人”企业存在控股关系" prop="entHolding">
            <div v-if="base.entHolding === '1'" class="acacd">是</div>
            <div v-if="base.entHolding === '0'" class="acacd">否</div>
          </el-form-item>
          <el-form-item class="xjr" label="同集团内有其他生产相似主导产品企业获得认定或申报" prop="entSimilar">
            <div v-if="base.entSimilar === '1'" class="acacd">是</div>
            <div v-if="base.entSimilar === '0'" class="acacd">否</div>
          </el-form-item>
          <el-row>
            <el-col :span="12">
              <el-form-item class="el220" label="联系人姓名" prop="contactsName">
                <div class="acacd">{{ base.contactsName }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item class="el220" label="联系人电话" prop="contactsTel">
                <div class="acacd">{{ base.contactsTel }}</div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item class="el220" label="联系人手机" prop="contactsMobile">
                <div class="acacd">{{ base.contactsMobile }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item class="el220" label="电子邮箱" prop="email">
                <div class="acacd">{{ base.email }}</div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item class="el220" label="邮编" prop="postalCode">
                <div class="acacd">{{ base.postalCode }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="12" />
          </el-row>
          <el-form-item label="通讯地址" prop="commAddress">
            <div class="acacd">{{ base.commAddress }}</div>
          </el-form-item>
          <el-form-item label="经营范围" prop="commAddress">
            <div class="acacd">{{ base.businessScope }}</div>
          </el-form-item>
        </el-form>
      </div>
    </div>
    <div style="text-align: center; margin: 30px;">
      <el-button type="primary" @click="updateInfo">修改信息</el-button>
    </div>
  </div>
</template>
<script>
import { find } from '@/api/base'
export default {
  name: 'BaseIndex',
  data() {
    return {
      base: {},
      showAll0: 0
    }
  },
  created() {
    this.baseFind()
  },
  methods: {
    baseFind() {
      find().then(response => {
        if (response.result === 1) {
          this.base = response.data
        }
      })
    },
    updateInfo() {
      this.$router.push('/base/update')
    }
  }
}
</script>
<style>
.workstation h3{
  margin-top: 40px;
}
.workstation .el-textarea__inner {
  height: 400px !important;
}

.workstation .el-date-editor.el-input {
  width: 100% !important;
}

.workstation .el-select {
  width: 100% !important;
}

.workstation .el-dialog--center .el-dialog__body {
  height: 440px !important;
  overflow: auto !important;
}

.workstation .el-dialog {
  margin-top: 1vh !important;
}

.workstation .el-dialog__header {
  background: #154271;
}

.workstation .el-dialog__header .el-dialog__title {
  color: #ffffff;
}

.workstation .el-dialog__close {
  color: #ffffff !important;
}

.workstation .checkbottom .el-checkbox__input {
  margin-top: -38px !important;
}
</style>
<style scoped>
.asx {
  font-size: 14px;
  line-height: 20px;
  margin-top: 5px
}

.title2 {
  line-height: 40px;
  font-size: 20px;
  color: darkgray;
  border-bottom: 1px #cccccc solid;
  margin-bottom: 20px;
}

.iconimg {
  width: 120px;
  height: 120px;
  background-position: 50%;
  background-size: 123px 123px;
  margin: 40px 87px 25px;
  background-repeat: no-repeat;
  border-radius: 50%;
  display: block;
}

.procedure .grid-content :after {
  content: "";
  width: 135px;
  height: 2px;
  position: absolute;
  border: 2px dotted #f2ead8;
  margin-top: 54px;
  margin-left: 125px;
}

.title_icon {
  margin-left: 95px;
}

.procedure .title_icon:after {
  border: 0px;
}
</style>
<style>

p {
  line-height: 32px;
  font-size: 16px;
  color: #000000;
}

h1 {
  color: #000000;
}
.mainForm .el-form-item__label{
  /*width: 140px !important;*/
  text-align: left !important;
  background: #409eff;
  color: #ffffff;
  padding-left: 10px;
}
.mainForm .el260 .el-input{
  width: 260px !important;
}
.mainForm .el260 .el-form-item__label{
  margin-right: 5px !important;
}
.mainForm .el220 .el-input{
  width: 220px !important;
}
.zfzc   .el-form-item__label{
  width: 300px !important;
  margin-right: 5px !important;
}
.zfzc   .el-form-item__content{
  margin-left: 305px !important;
  margin-right: 10px;
}
.xjr .el-form-item__label{
  width: 400px!important;
  text-align: left !important;
  background: #409eff;
  color: #ffffff;
  padding-left: 10px;
  margin-right: 30px;
}
.zyh .el-form-item__label{
  width: 250px!important;
}
.zyh .el-form-item__content{
  margin-left: 250px !important;
  margin-right: 10px;
}
.zyhthx .el-form-item__label{
  width: 180px!important;
}
.zyhthx .el-form-item__content{
  margin-left: 180px !important;
  margin-right: 10px;
}
.zyhthx1 .el-form-item__label{
  width: 180px!important;
}
.zyhthx1 .el-form-item__content{
  margin-left: 180px !important;
  margin-right: 10px;
}
.zyhthx1 .el-input{
  width: 270px !important;
}
.zdcp  .el-form-item__label{
  width: 300px!important;
  margin-right: 30px !important;
}
.zdcp .el-form-item__content{
  margin-left: 331px !important;
}
.title3{
  color: #409eff;
  font-size: 22px;
  font-weight: bolder;
  text-align: right;
  margin-bottom: 10px;
  height: 30px
;
}
.title3 div{
  float: left;
  width: 250px;
  text-align: center;
  margin-bottom: 10px;
}
.title4{
  color: #409eff;
  font-size: 22px;
  font-weight: bolder;
  text-align: right;
  margin-bottom: 10px;
  height: 30px;
}
.title4 div{
  float: left;
  width: 241px;
  text-align: center;
  margin-bottom: 10px;
}
.title5 {
  background: #0452a3;
  color: #ffffff;
  font-size: 16px;
  line-height: 45px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 20px;
  margin-top: 30px;
  padding-left: 20px;
}
.area81 .el-textarea__inner{
  height: 81px;
}
.tsh  .el-form-item__label{
  width: 260px!important;
  margin-right: 5px !important;
}
.tsh .el-form-item__content{
  margin-left: 265px !important;
  margin-right: 10px;
}
.tsh .el-input{
  width: 241px !important;}
.tsh  .el-textarea__inner{
  height: 121px;
}
.shangxia .el-form-item__content{
  margin: auto !important;
  width: 370px;
  text-align: center;
}
.mainForm .steps .el-step.is-simple:not(:last-of-type) .el-step__title {
  max-width: 85%;
  word-break: break-all;
}
.acacd{
  margin-left: 15px;
  border-bottom: #409eff 1px solid;
}
.qzgrs li{
  border: 1px solid  #DCDFE6;
  margin-right: 3px;
  width: 260px;
  float: left;
  border-radius: 4px;
  list-style: none;
  text-align: center;
}
.qzgrs1 li{
  border: 1px solid  #DCDFE6;
  margin-right: 3px;
  width: 238px;
  float: left;
  border-radius: 4px;
  list-style: none;
  text-align: center;
}
</style>
